<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lab</title>
    <script src="js/jquery.js"></script>
</head>
<body>

<div id="origin-text" class="origin-text">

</div>
<script>
    var keywords = ['是一款', '开发', '设计', '使用国家', '使用国', '研制', '订购', '国空军', '国海军'
        , '国陆军', '生产国家', '生产国', '拥有国家', '拥有国', '开发公司', '研发公司', '产地', '制造国'
        , '采购', '第二次世界大战', '二战', '搭载', '战场上', '战争中', '参与过', '可以发射', '设计'
        , '是一款', '是一个', '一战', '第一次世界大战', '改进', '装备', '是一', '使用', '产地'
        , '战场上', '战争中', '参与过', '战役', '属于', '服役', '配属']
    var regexs = [/(是|属于|服役)([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_])*(舰|艇|机|船)/g, /驻([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_])*(部队|军队|海军|陆军|空军)/g, /采购([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_])*(架|台|量)/g
        , /由([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_])*(研制|研发|设计|装备)/g, /(是|属于|服役)([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_])*的/g, /在([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[a-zA-Z0-9_])*(战场|战争|大战|战|战役)/g];
    keywords = regexs.concat(keywords)


    var firstText = '支持者级潜艇（英文：Upholder-class submarine，又称：拥护者级/维护者级/2400型），是英国建造的一型常规动力潜艇，用以取代老旧的奥伯龙级潜艇，也是英国皇家海军最后一型常规动力潜艇'
    firstText = textHighlight(firstText, keywords);
    $("#origin-text").html(firstText);

    //文字中符合关键词的高亮
    function textHighlight(text, keywords) {
        var len = keywords.length
        for (var i = 0; i < len; i++) {
            var keyword = keywords[i]
            var match = text.match(keyword)
            //匹配多处的情况
            if (match instanceof Array) {
                var matchLen = match.length
                for (var j = 0; j < matchLen; j++) {
                    var elem = match[j]
                    text = text.replace(elem, "<span style='color: #1E9FFF'>" + elem + "</span>")
                }
            } else {
                text = text.replace(match, "<span style='color: #1E9FFF'>" + match + "</span>")
            }

        }
        return text;
    }


    var fileName = 'text_21.txt'
    var newFileName = getFileName(fileName) + '_new' + getExtension(fileName)
    console.log(newFileName)

    // 获取文件名
    function getFileName(name) {
        return name.substring(0, name.lastIndexOf("."))
    }

    // 获取 .后缀名
    function getExtension(name) {
        return name.substring(name.lastIndexOf("."))
    }

</script>

</body>
</html>